app/[lng]/partners/(partners)/vendor-data/page.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

// app/vendor-data/page.tsx
import * as React from "react"
import { Separator } from "@/components/ui/separator"

export default async function IndexPage() {
  return (
    <div className="space-y-6">
      <div>
        <h3 className="text-lg font-medium">벤더 데이터 대시보드</h3>
        <p className="text-sm text-muted-foreground">
          왼쪽 사이드바에서 패키지를 선택하여 태그를 관리하세요.
        </p>
      </div>
      <Separator />
      <div className="grid gap-4">
        <div className="rounded-lg border p-4">
          <h4 className="text-sm font-medium">시작하는 방법</h4>
          <p className="text-sm text-muted-foreground mt-1">
            1. 왼쪽 상단에서 프로젝트/계약을 선택하세요.<br />
            2. 사이드바에서 패키지 항목을 클릭하세요.<br />
            3. 선택한 패키지의 태그 정보를 확인하고 관리할 수 있습니다.<br />
            4. 사이드바에서 폼 항목을 클릭하세요.<br />
            5. 선택함 폼의 칼럼 정보를 확인하고 관리할 수 있습니다.
          </p>
        </div>
      </div>
    </div>
  )
}